<template>
  <div id="app" class="todoapp">
    <todo-header></todo-header>
    <todo-main></todo-main>
    <todo-footer></todo-footer>
  </div>
</template>

<script>
// 注册私有组件
import todoHeader from './components/header.vue'
import todoMain from './components/main.vue'
import todoFooter from './components/footer.vue'
export default {
  components: {
    'todo-header': todoHeader,
    'todo-main': todoMain,
    'todo-footer': todoFooter
  }
}
</script>

<style lang="scss">
</style>
